<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
	<script type="text/javascript" src="resources/ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="resources/ext/ext-all-debug.js"></script>
	<script type="text/javascript" src="JavaScript/Controls.js"></script>
	<script type="text/javascript" src="JavaScript/ClientController.js"></script>
	<script type="text/javascript" src="JavaScript/ServerAPI.js"></script>
	<script type="text/javascript" src="JavaScript/TabCloseMenu.js"></script>
    <link rel="stylesheet" type="text/css" href="resources/ext/resources/css/ext-all-notheme.css"></link>
    <link rel="stylesheet" type="text/css" href="resources/ext/resources/css/xtheme-<%= request.getAttribute("styleName") %>.css"></link>
	<script type="text/javascript">
	var ownUserName = "<%= request.getAttribute("ownUserName") %>";
	Ext.onReady(function() 
	{
		initControls();
		getMessages();
	});
	</script>	
</head>
<body>
	<div id="divLogout" />
	<div id="divStyleSelector" />
	<div id="divUpdateStyle" />
    <table>
    	<tr>
    		<td style="vertical-align: top;">
    			<div id="divContacts" />
    		</td>
    		<td style="vertical-align: top;">
    			<div id="divTextMessages" />
    		</td>
    	</tr>
    	<tr>
    		<td>
    			<table>
    				<tr>
    					<td><div id="divExtendContactBtn" /></td>
    					<td><div id="divReduceContactBtn" /></td>
    				</tr>
    			</table>
    		</td>
    		<td>
    			<table>
    				<tr>
    					<td><div id="divTextInputBox" /></td>
    					<td><div id="divSendTextBtn" /></td>
    				</tr>
    			</table>
    		</td>
    	</tr>
    </table>
</body>
</html>